<?php loadPartial('head'); ?>
<?php loadPartial('navbar'); ?>
<?php loadPartial('top-banner'); ?>

    <div class="flex justify-center items-center mt-20">
        <div class="bg-white p-8 rounded-lg shadow-md w-full md:w-500 mx-6">
            <h2 class="text-4xl text-center font-bold mb-4">Sign In</h2>

            <?php echo loadPartial('error', [
                'errors' => isset($errors) ? $errors : []
            ]) ?>

            <form method="post" action="/public/auth/login">
                <div class="mb-4">
                    <input type="email" name="email" placeholder="Email" class="w-full px-4 py-2 border rounded focus:outline-none"/>
                </div>
                <div class="mb-4">
                    <input type="password" name="password" placeholder="Password" class="w-full px-4 py-2 border rounded focus:outline-none"/>
                </div>
                <button type="submit" class="w-full bg-blue-500 hover:bg-blue-600 text-white px-4 py-2 rounded focus:outline-none">
                    Sign In
                </button>

                <p class="mt-4 text-gray-500">
                    Don't have an account？
                    <a class="text-blue-900" href="/public/auth/register">Sign Up</a>
                </p>
            </form>
        </div>
    </div>

<?php loadPartial('bottom-banner'); ?>
<?php loadPartial('footer'); ?>